@media screen and (min-width:1000px){
    // content
.content{
    margin-top:18px;
    width: 100%;
    min-height: 80%;//给个最小高度合适吗
    background: #e6e6e6;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:25px;
    .inner-content{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        .right_slide{
            width: 700px;
            height: 370px;
            overflow-y: scroll;
            // background: orange;
            .right_slide_tit{
                font-size: 30px;
                // text-align: center;
            }
            .right_slide_msg{
                font-size: 20px;
                color:gray;
            }
            .right_slide_content{
                
                font-size: 15px;
                color:gray;
            }
            
        }
        .left_slide{
            margin-right: 70px;
        }
    }
    .back{
        color:#000;
        div,img{
            vertical-align: middle;
        }
        position: absolute;
        right:0;
        bottom: -30px;
    }
    #player1{
        margin:20px;
        border-radius: 10px;
    }
    #media{
        margin:20px;
        border-radius: 10px;
        width: 500px;
    }
}






//footer 补充
footer{
    margin-top:0 !important;
    position: fixed;
    bottom: 0;
    left: 0;
}
}




//手机端

@media screen and (max-width:1000px){
    .content{
        margin-top:18px;
        width: 100%;
        min-height: 80%;//给个最小高度合适吗
        background: #e6e6e6;
        display: flex;
        align-items: center;
        justify-content: center;
        padding:25px;
        .inner-content{
            position: relative;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            margin:0 0.2rem;
            .right_slide{
                width: 100%;
                margin-top:0.4rem;
                .right_slide_tit{
                    font-size: 0.4rem;
                }
                .right_slide_msg{
                    font-size: 0.3rem;
                    color:gray;
                }
                .right_slide_content{
                    
                    font-size: 0.2rem;
                    color:gray;
                }
                
            }
            .left_slide{
            }
        }
        .back{
            display: none;
            // color:#000;
            // div,img{
            //     vertical-align: middle;
            // }
            // position: absolute;
            // right:0;
            // bottom: -30px;
        }
        #player1{
            margin:0.4rem;
            border-radius: 0.2rem;
        }
        #media{
            // margin:0.4rem;
            border-radius: 0.2rem;
            width: 100%;
        }
    }
    
}